<template>
  <!-- 面包屑 -->
  <div class="breadcrumbs">
    <div>{{ getFirstCtgy.firstctgyname }}</div>
    <i class="iconfont icon-xiangyoujiantou"></i>
    <div>{{ getSecondCtgy.secctgyname }}</div>
  </div>
</template>

<script setup lang="ts">
import FirstToThirdCtgy from "@/piniaviews/ctgy/service"
const {
  storeRefs: { getFirstCtgy, getSecondCtgy },
} = FirstToThirdCtgy
</script>

<style lang="scss" scoped>
/* 面包屑 */
.breadcrumbs {
  display: flex;
  font-size: 0.23rem;
  align-items: center;
  padding: .12rem 0;
  gap: .1rem;
  font-weight: bold;
  .icon-xiangyoujiantou {
    font-weight: normal;
  }
}
/* 列表 */

</style>
